<%-- 
    Document   : addcourse
    Created on : Jan 20, 2012, 12:28:49 PM
    Author     : Ketsaraporn
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html:html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <link rel="stylesheet" href="css/epoch_styles.css" type="text/css"/>     
        <link type="text/css" href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" />	
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.10.offset.datepicker.min.js"></script>

        <script type="text/javascript">
            function goSelectedTeacher() {
                redirect("${pageContext.request.contextPath}/manageCourse.do?dispatch=doAddTeacher", "");
            }
                
            function goBack() {
                redirect("${pageContext.request.contextPath}/manageCourse.do?dispatch=doManageCourse", "");
            }
                
            function goDetail() {
                redirect("${pageContext.request.contextPath}/manageCourse.do?dispatch=goDetail", "");
            }
                
            function goSave() {
                redirect("${pageContext.request.contextPath}/manageCourse.do?dispatch=doCreateCourse", "");
            }
            
            function goEdit() {
                redirect("${pageContext.request.contextPath}/manageCourse.do?dispatch=doEditCourse", "");
            }
            
            function calCourse(obj){
                calObj = document.getElementsByName("courseEntity.couPricePerTime")[0];
                calObj.value = Math.round((obj.value / 15)*Math.pow(10,2))/Math.pow(10,2);
            }
        </script>
        <title>เพิ่มรายวิชาที่เปิดสอน</title>
    </head>
    <body>
        <html:form action="/manageCourse.do?dispatch=doAddCourse">
            <div class="content">
                <table class="three" cellspacing="0" >
                    <tr>
                        <th colspan="2">จัดการวิชาที่เปิดสอน</th>
                    </tr>
                    <tr>
                        <th colspan="2">- เลือกรายวิชา</th>
                    </tr>
                    <tr>
                    <tr>
                        <td colspan="2" ><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="20%">รหัสรายวิชา</td>
                                    <td width="25%"><html:text property="kwKeyWordSubject" size="25"/><span style="color: red">*</span></td>
                                    <td width="55%">
                                        <c:if test="${!manageCourseForm.modeView}">
                                            <html:submit property="btnSearch" value="ค้นหา" />
                                        </c:if>                                        
                                    </td>                   
                                </tr>
                            </table></td>
                    </tr>     
                    <tr>
                        <td colspan="2"><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="20%"><strong>ผลการค้นหารายวิชา :</strong></td>
                                    <td></td>
                                </tr>
                                <logic:iterate id="list" name="manageCourseForm" property="subjectList" indexId="seq">

                                    <tr>
                                        <td width="20%">รหัสรายวิชา :</td>
                                        <td><div align="left">${list.subId}</div></td>
                                    </tr>                                 
                                    <tr>
                                        <td width="20%">ชื่อรายวิชา (TH) :</td>
                                        <td><div align="left">${list.subNameThai}</div></td>
                                    </tr>                                
                                    <tr>
                                        <td width="20%">ชื่อรายวิชา (EN) :</td>
                                        <td><div align="left">${list.subNameEng}</div></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">หมู่เรียน :</td>
                                        <td><div align="left">${list.subCreditType}</div></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">จำนวนหน่วยกิต :</td>
                                        <td><div align="left">${list.subCredit}</div></td>
                                    </tr>
                                    <tr>
                                        <td width="20%" colspan="2"><hr></td>

                                    </tr>
                                </logic:iterate>
                            </table></td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดช่วงวันที่สอน</th>
                    </tr>
                    <tr>
                        <td width="164">ภาคเรียน :</td>
                        <td width="610">  
                            <html:radio property="semesterEntity.semSemester" value="1">ภาคเรียนที่ 1</html:radio> 
                            <html:radio property="semesterEntity.semSemester" value="2">ภาคเรียนที่ 2</html:radio> 
                            <html:radio property="semesterEntity.semSemester" value="3">ภาคเรียนที่ 3</html:radio> 
                            <span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>ปีการศึกษา :</td>
                        <td><html:text property="semesterEntity.semAcademicYear" size="20"/><span style="color: red">*</span></td>
                    </tr>
                    <tr>
                        <td>วันที่เริ่มสอน :</td>
                        <td>
                            <html:text property="courseEntity.couBeginDate_CV" ></html:text><span style="color: red">*</span>


                        </td>
                    </tr>
                    <tr>
                        <td>วันที่สิ้นสุดการสอน :</td>
                        <td>
                            <html:text property="courseEntity.couEndDate_CV" ></html:text><span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดวัน<span style="color: red">*</span></th>
                    </tr>
                    <tr>
                        <td colspan="2"><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td><html:checkbox property="courseEntity.couDayMon" value="1">วันจันทร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayTue" value="1">วันอังคาร</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayWed" value="1">วันพุธ</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayThu" value="1">วันพฤหัสบดี</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayFri" value="1">วันศุกร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDaySat" value="1">วันเสาร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDaySun" value="1">วันอาทิตย์</html:checkbox></td>
                                </tr>
                            </table></td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดช่วงเวลา</th>
                    </tr>
                    <tr>
                        <td>เวลาที่เริ่มสอน :</td>
                        <td>
                            <html:select property="courseEntity.couBeginTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select> 
                            <span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>เวลาที่สิ้นสุดการสอน :</td>
                        <td>
                            <html:select property="courseEntity.couEndTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select> 
                            <span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>จำนวนชั่วโมงการสอน :</td>
                        <td>
                            <html:select property="courseEntity.couDuration">
                                <html:option value="">เลือกจำนวนชั่วโมง</html:option>
                                <html:option value="30 นาที">30 นาที</html:option>
                                <html:option value="1 ชั่วโมง">1 ชั่วโมง</html:option>
                                <html:option value="2 ชั่วโมง">2 ชั่วโมง</html:option>
                                <html:option value="3 ชั่วโมง">3 ชั่วโมง</html:option>
                                <html:option value="4 ชั่วโมง">4 ชั่วโมง</html:option>
                                <html:option value="5 ชั่วโมง">5 ชั่วโมง</html:option>
                                <html:option value="6 ชั่วโมง">6 ชั่วโมง</html:option>
                            </html:select>
                            <span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดสถานที่</th>
                    </tr>
                    <tr>
                        <td>ห้องเรียน :</td>
                        <td>
                            <html:select property="courseEntity.locId">
                                <html:option value="กรุณาเลือก">กรุณาเลือก</html:option>
                                <html:optionsCollection property="locationList" label="locRoom" value="locId"/>
                            </html:select>  
                            <span style="color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดค่าสอน</th>
                    </tr>
                    <tr>
                        <td>ค่าสอนเหมาจ่ายต่อรายวิชา :</td>
                        <td><html:text property="courseEntity.couPricePerCourse" size="25" onchange="calCourse(this);" /><span style="color: red">*</span> บาท</td>
                    </tr>
                    <tr>
                        <td>ค่าสอนจ่ายต่อครั้ง :</td>
                        <td><html:text property="courseEntity.couPricePerTime" size="25"/><span style="color: red">*</span> บาท</td>
                    </tr>
                    <tr>
                        <th colspan="2">- อาจารย์ผู้สอน</th>
                    </tr>
                    <tr>
                        <td>อาจารย์ผู้สอน :</td>
                        <td>
                            <c:if test="${!manageCourseForm.modeView}">
                                <div id="linkbuttom"><a href="#" onclick="goSelectedTeacher();">เปลี่ยนแปลงรายการอาจารย์<span style="color: red">*</span></a></div>
                            </c:if>
                            <table cellspacing="0" >
                                <logic:iterate id="list" name="manageCourseForm" property="selectTeacher" indexId="seq" >

                                    <tr>
                                        <td>${list.name}</td>
                                        <td>
                                            <c:if test="${!manageCourseForm.modeView}">
                                                <a style="color: black;" href="${pageContext.request.contextPath}/manageCourse.do?dispatch=doDelTeacher&teachRowId=${seq}" >ลบ</a>
                                            </c:if>
                                        </td>
                                    </tr>

                                </logic:iterate>
                            </table>
                        </td>                        
                    </tr>

                    <tr>
                        <td colspan="2">
                            <table cellspacing="0" cellpadding="0" border="1" width="100%">
                                <tbody><tr>
                                        <td bgcolor="#E2E7EB" class="Font" colspan="6"><strong>Course Schedule:</strong></td>
                                    </tr>
                                    <tr>
                                        <td><div align="left"><strong><span class="Font">ครั้งที่</span></strong></div></td>
                                        <td><div align="left"><strong><span class="Font">วันที่</span></strong></div></td>
                                        <td class="Font_Big"><div align="center">เวลา</div></td>
                                        <td><div align="left"><strong><span class="Font">อาจารย์ผู้สอน</span></strong></div></td>
                                    </tr>
                                    <bean:size id="sizeSch" name="manageCourseForm" property="listScheule" />
                                    <logic:iterate id="listSch" name="manageCourseForm" property="listScheule" indexId="seq" >
                                        <tr>
                                            <td><div align="left"><span class="Font">${seq+1}</span></div></td>
                                            <td><div align="left"><span class="Font">
                                                        <html:text name="listSch" property="schTeachDate_CV" size="10" maxlength="10" indexed="true" /></span></div></td>
                                            <td class="Font_Re"><div align="center">
                                                    <html:select name="listSch" property="schBeginTime" indexed="true">
                                                        <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                                        <html:option value="8.00">8.00</html:option>
                                                        <html:option value="8.30">8.30</html:option>
                                                        <html:option value="9.00">9.00</html:option>
                                                        <html:option value="9.30">9.30</html:option>
                                                        <html:option value="10.00">10.00</html:option>
                                                        <html:option value="10.30">10.30</html:option>
                                                        <html:option value="11.00">11.00</html:option>
                                                        <html:option value="11.30">11.30</html:option>
                                                        <html:option value="12.00">12.00</html:option>
                                                        <html:option value="12.30">12.30</html:option>
                                                        <html:option value="13.00">13.00</html:option>
                                                        <html:option value="13.30">13.30</html:option>
                                                        <html:option value="14.00">14.00</html:option>
                                                        <html:option value="14.30">14.30</html:option>
                                                        <html:option value="15.00">15.00</html:option>
                                                        <html:option value="15.30">15.30</html:option>
                                                        <html:option value="16.00">16.00</html:option>
                                                        <html:option value="16.30">16.30</html:option>
                                                        <html:option value="17.00">17.00</html:option>
                                                        <html:option value="17.30">17.30</html:option>
                                                        <html:option value="18.00">18.00</html:option>
                                                        <html:option value="18.30">18.30</html:option>
                                                        <html:option value="19.00">19.00</html:option>
                                                        <html:option value="19.30">19.30</html:option>
                                                        <html:option value="20.00">20.00</html:option>
                                                        <html:option value="20.30">20.30</html:option>
                                                        <html:option value="21.00">21.00</html:option>
                                                        <html:option value="21.30">21.30</html:option>
                                                        <html:option value="22.00">22.00</html:option>
                                                    </html:select> - 
                                                    <html:select name="listSch" property="schEndTime" indexed="true">
                                                        <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                                        <html:option value="8.00">8.00</html:option>
                                                        <html:option value="8.30">8.30</html:option>
                                                        <html:option value="9.00">9.00</html:option>
                                                        <html:option value="9.30">9.30</html:option>
                                                        <html:option value="10.00">10.00</html:option>
                                                        <html:option value="10.30">10.30</html:option>
                                                        <html:option value="11.00">11.00</html:option>
                                                        <html:option value="11.30">11.30</html:option>
                                                        <html:option value="12.00">12.00</html:option>
                                                        <html:option value="12.30">12.30</html:option>
                                                        <html:option value="13.00">13.00</html:option>
                                                        <html:option value="13.30">13.30</html:option>
                                                        <html:option value="14.00">14.00</html:option>
                                                        <html:option value="14.30">14.30</html:option>
                                                        <html:option value="15.00">15.00</html:option>
                                                        <html:option value="15.30">15.30</html:option>
                                                        <html:option value="16.00">16.00</html:option>
                                                        <html:option value="16.30">16.30</html:option>
                                                        <html:option value="17.00">17.00</html:option>
                                                        <html:option value="17.30">17.30</html:option>
                                                        <html:option value="18.00">18.00</html:option>
                                                        <html:option value="18.30">18.30</html:option>
                                                        <html:option value="19.00">19.00</html:option>
                                                        <html:option value="19.30">19.30</html:option>
                                                        <html:option value="20.00">20.00</html:option>
                                                        <html:option value="20.30">20.30</html:option>
                                                        <html:option value="21.00">21.00</html:option>
                                                        <html:option value="21.30">21.30</html:option>
                                                        <html:option value="22.00">22.00</html:option>
                                                    </html:select></div></td>
                                            <td><div align="left"><span class="Font1">
                                                        <html:select name="listSch" property="userId" indexed="true">
                                                            <html:option value="">--- กรุณาเลือก ---</html:option>
                                                            <html:optionsCollection property="selectTeacher" label="name" value="useId"/>
                                                        </html:select>
                                                    </span><span id="Font_cen"></span></div></td>
                                        </tr>
                                    </logic:iterate>

                                </tbody></table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div align="center">
                                <bean:size id="size" name="manageCourseForm" property="listScheule" />
                                <c:if test="${size != 0}">
                                    <c:if test="${manageCourseForm.mode == 'add'}">
                                        <html:button property="btnSave" value="บันทึก" onclick="goSave();"/>
                                    </c:if>
                                    <c:if test="${manageCourseForm.mode == 'edit'}">
                                        <html:button property="btnEdit" value="แก้ไข" onclick="goEdit();"/>
                                    </c:if>
                                </c:if>
                                <c:if test="${!manageCourseForm.modeView}">
                                    <html:button property="btnSave" value="ดูรายละเอียด" onclick="goDetail();"/>
                                </c:if>
                                <html:button property="btnReset" value="ยกเลิก" onclick="goBack();"/>
                            </div>                          
                        </td>
                    </tr>
                </table>
            </div>  
        </html:form>
    </body>
    <script type="text/javascript">
        var list = document.getElementsByName("courseEntity.couBeginDate_CV");
        list[0].id = "couBeginDate";
        //alert(document.getElementById("couBeginDate"));
        
        var list = document.getElementsByName("courseEntity.couEndDate_CV");
        list[0].id = "couEndDate";
        //alert(document.getElementById("couBeginDate"));
        
        var idString = "";
        for(i = 0;i < ${sizeSch};i++) {
            tmp = document.getElementsByName("listSch["+i+"].schTeachDate_CV");
            idString = idString+",#schTeachDateTable"+i;
            tmp[0].id = "schTeachDateTable"+i;
        }
        
        //        alert(idString);
        idString = "#couBeginDate,#couEndDate,#schTeachDateTable"+idString;
        
        
        $(function () {
            var d = new Date();
            var toDay = d.getDate() + '/'
                + (d.getMonth() + 1) + '/'
                + (d.getFullYear() + 543);

            // Datepicker
            $(idString).datepicker({ dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
                dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
                monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
                monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']});
        });
    </script>
</html:html>